<style>

    .create-tenant form {
        width: 500px;
    }

    .create-tenant .first-td {
        width: 120px;
        padding: 16px 0 0 10px;
    }

    .create-tenant .last-td {
        padding: 12px 40px 0 10px;
        width: 400px;
    }

    .create-tenant .table-wrap-wrap {
        position: relative;
        height: 0;
        width: 100%;
    }

    .create-tenant .table-wrap.table {
        position: absolute;
        overflow-y: auto;
        max-height: 200px;
        width: 334px;
        background: #ffffff;
    }

    .create-tenant .icon {
        margin-top: -30px;
        position: relative;
        float: right;
        width: 30px;
        height: 30px;
        box-sizing: border-box;
        cursor: pointer;
        background: url(/static_public/images/icon/icon_search.png) no-repeat right center;

    }
</style>
<div i="content" class="create-tenant ui-dialog-content mt5">
    <form class="ui-dialog-content" name="createTenantForm">
        <table width="100%">
            <tbody>
            <tr>
                <td class="first-td" align="right" valign="top">申请单号：</td>
                <td class="last-td" valign="top">
                    <input type="text" name="orderCode" class="input-text" ng-model="data.orderCode">
                </td>
            </tr>
            <tr>
                <td class="first-td" align="right" valign="top"><span class="c-red">* </span>企业名称：</td>
                <td class="last-td" valign="top">
                    <input type="text" name="friendlyName" class="input-text" required ng-model="data.friendlyName">
                    <div ng-messages="createTenantForm.friendlyName.$error"
                         ng-show="createTenantForm.$submitted || createTenantForm.friendlyName.$touched">
                        <p class="c-red lh30" ng-message="required">企业名称不能为空</p>
                    </div>
                </td>
            </tr>
            <tr>
                <td class="first-td" align="right" valign="top"><span class="c-red">* </span>企业号：</td>
                <td class="last-td" valign="top">
                    <input type="text" name="uniqueName" class="input-text" required placeholder="2-30个英文字符"
                           ng-model="data.uniqueName"
                           maxlength="30" minlength="2">
                    <div ng-messages="createTenantForm.uniqueName.$error"
                         ng-show="createTenantForm.$submitted || createTenantForm.uniqueName.$touched">
                        <p class="c-red lh30" ng-message="minlength">2-30个英文字符</p>
                        <p class="c-red lh30" ng-message="required">企业号不能为空</p>
                    </div>
                </td>
            </tr>
            <tr>
                <td class="first-td" align="right" valign="top"><span class="c-red">* </span>客户名称：</td>
                <td class="last-td" valign="top">
                    <input select2  name="TopCstName" data-ng-model="data.TopCstName" select2-model="ddl2Principle"
                           config="ddlConfigCustomer" class="form-control" required/>
                    <div ng-messages="createTenantForm.TopCstName.$error"
                         ng-show="createTenantForm.$submitted || createTenantForm.TopCstName.$touched">
                        <p class="c-red lh30" ng-message="required">客户名称不能为空</p>
                    </div>
                </td>
            </tr>
            <tr>
                <td class="first-td" align="right" valign="top"><span class="c-red">* </span>管理员邮箱：</td>
                <td class="last-td" valign="top">
                    <input type="email" name="email" class="input-text" required placeholder="务必填写可用邮箱，用于获取企业号账号密码"
                           ng-model="data.email" maxlength="50">
                    <div ng-messages="createTenantForm.email.$error"
                         ng-show="createTenantForm.$submitted || createTenantForm.email.$touched">
                        <p class="c-red lh30" ng-message="required">管理员邮箱不能为空</p>
                        <p class="c-red lh30" ng-message="email">邮箱格式不正确</p>
                    </div>
                </td>
            </tr>
            <tr>
                <td class="first-td" align="right" valign="top"><span class="c-red">* </span>RDS实例：</td>
                <td class="last-td" valign="top">
                    <div class="clearfix radio-list"
                         ng-disabled="isView"
                         ui-combobox
                         data="rdsList"
                         text-field="instanceName"
                         value-field="instanceId"
                         ng-model="data.instanceId">
                    </div>
                    <div ng-messages="createTenantForm.instanceId.$error"
                         ng-show="createTenantForm.$submitted || createTenantForm.instanceId.$touched">
                        <p class="c-red lh30" ng-message="required">RDS实例不能为空</p>
                    </div>
                </td>
            </tr>
            <tr>
                <td class="first-td" align="right" valign="top">数据库名称：</td>
                <td class="last-td" valign="top">
                    <input type="text" class="input-text" disabled
                           ng-value="data.uniqueName !== undefined ? 'myscrm_' + data.uniqueName : ''">
                </td>
            </tr>
            <tr>
                <td class="first-td" align="right" valign="top">管理员账号：</td>
                <td class="last-td" valign="top">
                    <input type="text" class="input-text" disabled
                           ng-value="data.uniqueName !== undefined ? data.uniqueName : ''">
                </td>
            </tr>
            </tbody>
        </table>
    </form>
</div>